<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Welcome to my web</title>
<link rel="stylesheet" type="text/css" href="web/css/lanren.css">
<style type="text/css">
.STYLE2 {	font-size: xx-large
}
.STYLE3 {	font-size: 50px;
	color: #FF0000;
}
.STYLE6 {	color: #0099FF;
	font-size: 45px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
}
.STYLE7 {	font-size: 50px;
	font-family: "楷体";
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
body,td,th {
	font-family: Lato, Arial, sans-serif;
}
body {
	background-color: #FFFFFF;
}
</style>
</head>

<body>
<table width="1495" height="597" border="0">
  <tr>
    <td width="450" height="198">&nbsp;</td>
    <td width="600" rowspan="4" align="center" bgcolor="#FA8946"><span class="STYLE2">
      <marquee>
      </marquee>
      </span><span class="STYLE7">
        <marquee scrollamount="10">
      </marquee>
        </span>
      <marquee scrollamount="10">
      </marquee>
      <span class="STYLE2"> </span>
      <div align="center">
        <h3 class="STYLE7">来者</h3>
        <table width="547" border="1">
          <tbody>
            <tr>
              <td width="537" height="188" align="center" style="font-size: 65px; color: #4F73E1;"><marquee>Hello friend</marquee></td>
            </tr>
          </tbody>
        </table>
        <h3 class="STYLE7">皆是友</h3>
      </div></td>
    <td width="450">&nbsp;</td>
  </tr>
  <tr>
    <td height="66" align="right"><p><img src="image/u=1093749330,1481274892&fm=26&gp=0 (2).jpg" width="337" height="214" alt=""/></p></td>
    <td><img src="image/47762022d8176495 (2).jpg" width="287" height="218" alt=""/></td>
  </tr>
  <tr>
    <td height="143">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="0">&nbsp;</td>
    <td height="0">&nbsp;</td>
  </tr>
</table>
<div class="lanren">
	<div class="full-length">
		 <div class="container">
			  <h2><span><strong>个人简介</strong></span></h2>
			  <ul>
		          <li>
		          <div class="port-1 effect-1">
		            <div class="image-box"> <img src="image/you.jpg" alt="Image-1" width="279" height="250"></div>
		            <div class="text-desc">
		              <h3>Hobby 1</h3>
		              <p>火影忍者</p>
		              <p>宇智波鼬</p>
					  <p>任何忍术都有弱点，而这个忍术的风险和瑕疵就在于我。</p>
		              <a href="https://baike.baidu.com/item/宇智波鼬/488821?fr=aladdin" class="btn">Learn more</a></div>
	            </div>
			</li>
		          <li>
	            	  <div class="port-1 effect-2">
	                	  <div class="image-box">
	                    	  <img src="image/LBJ.jpg" alt="Image-2" height="250">
	                      </div>
	                      <div class="text-desc">
							  <h3>Hobby 2</h3>
							  <p>篮球</p>
							  <p>LeBron James</p>
							  <p>不要再叫我小皇帝，因为我已经登基了。</p>
							  <a href="https://baike.baidu.com/item/勒布朗·詹姆斯?fromtitle=LeBron+James&fromid=495592" class="btn">Learn more</a>
	                      </div>
	                  </div>
		            </li>
		            <table width="351" height="302" border="0">
		              <tbody>
		                <tr>
		                  <td><table width="289" border="0">
		                    <tbody>
		                      <tr>
		                        <td width="283"><strong>姓名：崔远航</strong></td>
	                          </tr>
		                      <tr>
		                        <td><strong>学校：华中科技大学</strong></td>
	                          </tr>
		                      <tr>
		                        <td><strong>院系：计算机科学与技术</strong></td>
	                          </tr>
		                      <tr>
		                        <td><strong>班级：1904</strong></td>
	                          </tr>
	                        </tbody>
	                      </table></td>
	                    </tr>
	                  </tbody>
                </table>
				</ul>
			 </div>
		</div>
	</div>
<table width="1495" border="0">
  <tbody>
    <tr>
      <td width="450" height="166">&nbsp;</td>
      <td width="600" align="center" bgcolor="#F5F5F5"><p class="STYLE2">&nbsp;</p>
        <p class="STYLE2"><span style="font-size: large"><strong>接下来 </strong></span><strong>的<span style="color: #F8510A">几分钟</span></strong></p>
        <p class="STYLE2">&nbsp;</p>
      <p class="STYLE2"><strong>我将带你</strong></p>
      <p class="STYLE2">&nbsp;</p>
      <p class="STYLE2"><strong><span class="STYLE7" style="color: #07FB23">领略</span></strong></p>
      <p class="STYLE2">&nbsp;</p>
      <p class="STYLE2"><strong>我<span class="STYLE3">家 <span style="font-size: 40px; color: #F800FF;">乡</span></span>的</strong></p>
      <p class="STYLE2">&nbsp;</p>
      <p class="STYLE2"><strong><span style="color: #F9F102">独特</span><span class="STYLE6"> 风味</span></strong></p></td>
      <td width="450">&nbsp;</td>
    </tr>
  </tbody>
</table>
<table width="1500" height="267" border="0">
  <tbody>
    <tr>
      <td width="450" height="261">&nbsp;</td>
      <td width="600" align="center" bgcolor="#F5F5F5"><p style="font-size: xx-large">&nbsp;</p>
        <p style="font-size: xx-large">准备<span style="color: #F8080C; font-size: 40px;">好</span>        </p>
        <p style="font-size: xx-large">&nbsp;</p>
        <p><span style="font-size: 60px">大 </span> <span style="font-size: 36px"> 饱 眼 <span style="color: #FECB04">福</span></span></p>
      <p><a href="web/Untitled-3.html"><img src="image/u=2421634671,541646755&fm=26&gp=0.jpg" width="179" height="166" alt=""/></a></p></td>
      <td width="450">&nbsp;</td>
    </tr>
  </tbody>
</table>
<table width="1500" border="0">
  <tbody>
    <tr>
      <td height="143" align="center"><table width="100" border="0">
        <tbody>
          <tr>
            <td height="42" align="center" bgcolor="#FFFFFF" style="color: #FFFFFF"><a href="http://cuiyuanhang2001.gitee.io/cyh3" class="btn">Back to 518</a></td>
          </tr>
        </tbody>
      </table></td>
    </tr>
  </tbody>
</table>
</body>
</html>
